<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <link rel="stylesheet" type="text/css" href="../css/common.css">
    <link rel="stylesheet" type="text/css" href="../css/main.css">
    <title>重点商品监管</title>
</head>

<body>
<header>
    <div class="header">
        <div class="logo"></div>
        <div class="logo2"></div>
        <div class="selRegion">
            <select>
                <option>全国地区</option>
                <option>北京</option>
                <option>上海</option>
                <option>广州</option>
                <option>深圳</option>
            </select>
        </div>
        <div class="message"></div>
        <div class="logOut"></div>
        <span class="address">corey@mossiolab.com</span>
    </div>
</header>

<div id="mainWrap">
    <div class="lSide">
    <ul style="list-style-type: none">
        <li class="L0"></li>
        <li class="L1">
            <a class="biaoTi" href="index.html">消费维权</a>
        </li>
        <li class="L2">
            <a class="biaoTi">市场监管</a>
        </li>
        <li class="L3">
            <a class="biaoTi">经济户籍</a>
        </li>
        <li class="L4">
            <a class="biaoTi">商标广告</a>
        </li>
        <li class="L5">
            <a class="biaoTi">行政执法</a>
        </li>
        <li class="L6">
            <a class="biaoTi">非公党建</a>
        </li>
        <li class="L7">
            <a class="biaoTi">企业年报</a>
        </li>
        <li class="L8">
            <a class="biaoTi">区域经济</a>
        </li>
        <li class="L9">
            <a class="biaoTi">综合分析</a>
        </li>
    </ul>
</div>

    <div class="mainBody">
        <div class="chageBar">
            <ul>
                <li><a href="index.html">消费维权统计分析</a></li>
                <li><a class="active" href="marComplaintHots.html">市场投诉热点</a></li>
                <li><a href="good_server_type.html">商品服务分类监管</a></li>
                <li><a href="key_enterprises.html">重点企业监管</a></li>
                <li><a href="cus_wripr.html">重点流通领域商品监管</a></li>
                <li><a href="analysisGoods.html">涉诉商品分析</a></li>
            </ul>
        </div>
        <div class="biaoT pad10">
            <span>投诉问题：保健品欺诈（1234件）</span>
            <div class="complaintDetails"><a href="complaint_details.html">投诉明细</a></div>
        </div>
        <div class="pad10 cf" >
            <div class="subContainer cf">
                <div class="comL fl">
                    <div class="tLable">
                        <h1>所涉商品／服务投诉排行</h1>
                    </div>
                    <div class="cptConUp pad10">
                        <ul class="ranking">
                            <li class="title">
                                <span class="col fl">排名</span>
                                <span class="content fl">商品/服务</span>
                                <span class="brand fl">品牌</span>
                                <span class="value fl">投诉量(件)</span>
                            </li>
                            <li class="item_one">
                                <div class="col fl">
                                    <i class="icon_value">1</i>
                                </div>
                                <div class="content fl">
                                    <span>维生素咀嚼片</span>
                                </div>
                                <div class="brand fl">
                                    <span>安利</span>
                                </div>
                                <div class="value fl">
                                    <span class="warn_value" style="color: #f54654;font-size: 18px;font-weight: bold">934</span>
                                </div>
                            </li>
                            <li class="item_two">
                                <div class="col fl">
                                    <i class="icon_value">2</i>
                                </div>
                                <div class="content fl">
                                    <span>蛋白粉</span>
                                </div>
                                <div class="brand fl">
                                    <span class="warn_brand">汤臣倍健</span>
                                </div>
                                <div class="value fl">
                                    <span class="warn_value" style="color: #fda234;font-size: 18px;font-weight: bold">912</span>
                                </div>
                            </li>
                            <li class="item_three">
                                <div class="col fl">
                                    <i class="icon_value">3</i>
                                </div>
                                <div class="content fl">
                                    <span>氨基酸 </span>
                                </div>
                                <div class="brand fl">
                                    <span class="warn_brand">汤臣倍健</span>
                                </div>
                                <div class="value fl">
                                    <span class="warn_value" style="color: #26b8d2;font-size: 18px;font-weight: bold">64</span>
                                </div>
                            </li>
                            <li class="item">
                                <div class="col fl">
                                    <i class="icon_value">4</i>
                                </div>
                                <div class="content fl">
                                    <span>氨基酸 </span>
                                </div>
                                <div class="brand fl">
                                    <span class="warn_brand">汤臣倍健</span>
                                </div>
                                <div class="value fl">
                                    <span class="warn_value" style="color: #98d4fe;font-size: 14px;font-weight: bold">64</span>
                                </div>
                            </li>
                            <li class="item">
                                <div class="col fl">
                                    <i class="icon_value">5</i>
                                </div>
                                <div class="content fl">
                                    <span>氨基酸 </span>
                                </div>
                                <div class="brand fl">
                                    <span class="warn_brand">汤臣倍健</span>
                                </div>
                                <div class="value fl">
                                    <span class="warn_value" style="color: #98d4fe;font-size: 14px;font-weight: bold">64</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="comR fr">
                    <div class="tLable">
                        <h1>主要投诉问题</h1>
                    </div>
                    <div class="cptConUp pad10" id="echart_mainComplaints"></div>
                </div>
            </div>
            <div class="subContainer cf" style="margin-top: 10px">
                <div class="comL fl">
                    <div class="tLable">
                        <h1>所涉商品／服务投诉渠道</h1>
                    </div>
                    <div class="cptConDown pad10">
                        <div id="echart_cptChannel" style="width: 100%;height: 100%"></div>
                    </div>
                </div>
                <div class="comR fr">
                    <div class="tLable">
                        <h1>所涉商品／服务投诉主体</h1>
                        <div class="fr pad10" style="display:inline-block">
                            <span style="padding-right: 10px">地区</span>
                            <select class="sel_region">
                                <option>兰州市</option>
                                <option>天水市</option>
                                <option>敦煌市</option>
                            </select>
                        </div>
                    </div>
                    <div class="cptConDown pad10">
                        <table class="TABLE">
                            <tr>
                                <th>地区</th>
                                <th>涉诉商家</th>
                                <th>重点涉诉商品</th>
                                <th>平均投诉率</th>
                            </tr>
                            <tr>
                                <td>海淀区</td>
                                <td>瓜州广汇能源经销有限公司</td>
                                <td>完美葡萄籽含片、玫琳凯蛋白粉、汤成倍健蛋白粉</td>
                                <td>9.5%</td>
                            </tr>
                            <tr>
                                <td>海淀区</td>
                                <td>瓜州广汇能源经销有限公司</td>
                                <td>完美葡萄籽含片、玫琳凯蛋白粉、汤成倍健蛋白粉</td>
                                <td>9.5%</td>
                            </tr>
                            <tr>
                                <td>海淀区</td>
                                <td>瓜州广汇能源经销有限公司</td>
                                <td>完美葡萄籽含片、玫琳凯蛋白粉、汤成倍健蛋白粉</td>
                                <td>9.5%</td>
                            </tr>
                            <tr>
                                <td>海淀区</td>
                                <td>瓜州广汇能源经销有限公司</td>
                                <td>完美葡萄籽含片、玫琳凯蛋白粉、汤成倍健蛋白粉</td>
                                <td>9.5%</td>
                            </tr>
                            <tr>
                                <td>海淀区</td>
                                <td>瓜州广汇能源经销有限公司</td>
                                <td>完美葡萄籽含片、玫琳凯蛋白粉、汤成倍健蛋白粉</td>
                                <td>9.5%</td>
                            </tr>
                            <tr>
                                <td>海淀区</td>
                                <td>瓜州广汇能源经销有限公司</td>
                                <td>完美葡萄籽含片、玫琳凯蛋白粉、汤成倍健蛋白粉</td>
                                <td>9.5%</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script src='../js/lib/jquery.min.js'></script>
<script src='../js/lib/echarts/echarts.js'></script>
<script src='../js/lib/select2.full.min.js'></script>
<script src='../js/main.js'></script>
<script src='../js/complaints.js'></script>

</html>
